<template>
    <!--编写html 标签的地方-->
    <ul>
        <li v-for="item in arr">{{ item }}</li>
    </ul>
    <div>count的数据变化之后的是多少：{{ count }}</div>
    <button @click="count++">点击我</button>
</template>
<script>
//编写js代码逻辑的地方
//选项式api 是默认包含响应式操作的
export default {
    data() { 
        return {
            arr: ["春天", "夏天", "秋天", "冬天"],
            count:0
        }
    }
}

</script>